@height: 80upx;
@baseColor:#ffdfee;
@red: #e4393c;
@loading: #009688;
@gray: #7a7a7a;
@URL: "https://admin.sinlu.net";
@title: 30upx;
@medium: 26upx;
@minSize: 22upx;
@sliver: #f1f1f1;
@headBg: #4b6794;
.border-bottom (@left: 0,  @position: relative, @color: @sliver) { // border-bottom
	position:@position;
	&::after {
		position: absolute;
		content: '';
		left: @left;
		bottom: 0;
		width: 100%;
		height: 1px;
		transform: scaleY(.5);
		background-color:@color;
	}
}
.fixed {
	position: fixed;
	z-index: 99;
}
.border-top (@left: 0, @position: relative) { // border-top
	position: @position;
	&::after {
		position: absolute;
		content: '';
		left: @left;
		top: 0;
		width: 100%;
		height: 2upx;
		transform: scaleY(.5);
		background-color:@sliver;
	}
}
.border-right { // border-right
	position:relative;
	&::after {
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		height: 100%;
		border-right:2upx solid @sliver;
	}
}
.borderAct {
	position: relative;
	&::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid @red;
		width: 100%;
		transform: scaleX(0);
		transition: transform .3s;
		will-change: transform;
	}
	&.act {
		color:@red;
		&::after {
			transform: scaleX(.75);
		}
	}	
}


.active { // .act
	transition: color .3s;
	&::after {
		position: absolute;
		content:'';
		left: 0;
		bottom: 0;
		width: 100%;
		border-top:2px solid #e63f46;
		transform: scaleX(0);
		transition: transform .3s;
	}
	&.act {
		color:#f20d14;
		&::after {
			transform: scaleX(.8);
		}
	}
}
.combackground(@size, @x, @y) {
	background-repeat: no-repeat;
	background-size: @size;
	background-position: @x @y;
}
.comPadd { padding: 20upx 0; }
.arrowRight(@color: #666,@padr: 30upx, @right: 30upx) {
	position: relative;
	padding-right: @padr;
	&::before {
		position: absolute;
		top: 0;
		right:  @right;
		bottom: 0;
		display: block;
		margin: auto;
		width: 30upx;
		height: 30upx;
		color: @color;
		content: "\e6a3";
		text-align: center;
		font-size: 34upx;
		font-family: cuIcon;
		line-height: 30upx
	}
}

.twoLine (@line) { // 超出两行隐藏
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @line;
  line-clamp: @line;
  -webkit-box-orient: vertical;
}

.fixedBody {
	uni-page-body, page {
		height: 100%;
		overflow: hidden;
	}
}